import { DefaultFooter, ProLayoutProps } from '@ant-design/pro-layout';
import { Button } from 'antd';
import React from 'react';

const footerRender: ProLayoutProps['footerRender'] = (props, defaultDom) => {
  return (
    <DefaultFooter
      links={[
        {
          key: 'https://v3.umijs.org/zh-CN',
          title: <Button type="link">v3 umi</Button>,
          href: 'https://v3.umijs.org/zh-CN',
          blankTarget: true,
        },
        {
          key: 'https://4x.ant.design/components/overview-cn/',
          title: <span style={{ color: '#1890ff' }}>v4 antd comp</span>,
          href: 'https://4x.ant.design/components/overview-cn/',
          blankTarget: true,
        },
        {
          key: 'https://v4-pro.ant.design/index-cn',
          title: <span style={{ color: '#1890ff' }}>v4 pro</span>,
          href: 'https://v4-pro.ant.design/index-cn',
          blankTarget: true,
        },
        {
          key: 'https://procomponents.ant.design/components',
          title: <Button type="link">v5 pro comp</Button>,
          href: 'https://procomponents.ant.design/components',
          blankTarget: true,
        },
      ]}
      copyright="2024 数据交换 Agent Client 管理端"
      // style={{ background: '#ffffff' }}
    >
      @2024
    </DefaultFooter>
  );
};

export default footerRender;
